<template>
    <el-select
      class="input-default-width"
      size="large"
      placeholder="方式"
      clearable
    >
      <el-option
        v-for="item in data"
        :key="item"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </template>
  
  <script  setup>
  import { ref, onMounted } from "vue";
  const data = ref([
    {
      label: "线下赛",
      value: 0,
    },
    {
      label: "线上赛",
      value: 1,
    },
    {
      label: "线上+线下赛",
      value: 2,
    },
  ]);
  </script>
  
  <style lang="scss" scoped>
  :deep .el-select__selection {
    width: 132px !important;
  }
  </style>